Image Element
The Image Element allows you to display an image on your form, for example your organisation's logo.
You can create a hyperlink from an image by using the Element's URL property to specify the web page you want to display when the user clicks on the image.
You can see a list of pictures you have used in this project in the Project Explorer's Project tab. Expand the Resources node to see the list of images imported into this project. Right-click on an image in the tree view to display a context-sensitive menu including Add New Resource, Cut, Copy, Paste, Delete and Rename options. Right-click on either an image or the Resources node to import an image file here rather than within an Image Element's properties.
Once you have placed an Image Element on a page, you can edit the Element's properties to configure the Element for your requirements. Select the Element on the page to display its properties in the Properties Pane.
The following properties are available:
Appearance Tab
Visible and Disabled Properties
Height
Allows you to specify a height for the image. If you change the height without changing the width, the width will automatically be adjusted to maintain the original aspect ratio of the image. If you leave both the height and width blank the image will be displayed at its actual size. You can change between specifying the actual value in pixels or scaling by percentages using the Use Pixels property on the Advanced tab, 
.
Width
Allows you to specify a width for the image. If you change the width without changing the height, the height will automatically be adjusted to maintain the original aspect ratio of the image. If you leave both the height and width blank the image will be displayed at its actual size. You can change between specifying the actual value in pixels or scaling by percentages using the Use Pixels property on the Advanced tab, .
The properties in this category allow you to specify the picture you want to display in this Element.
Static Source
Allows you to specify a picture file to be displayed in this Element. To browse for the image, click on 
at the right-hand end of the property. A standard file browse dialog will be displayed allowing you to locate and select the required picture. If you want to re-use a picture that you have already used in this project, click on the down arrow symbol at the end of the edit box instead. This will display a list of images used in the project and you can select the one you want.
If you want to change the picture, simply select the new picture you want to use instead or to clear the selection, click on 
to the right of the button.
Data Source
Allows you to specify that the picture displayed in this Element should be read in from a Datasource at runtime. For more information refer to the
Accessibility Category
Alternative Text
Allows you to specify a text string to be displayed if the image isn't available or to be used with accessibility software.
Appearance Category
Use Pixels
Allows you to specify whether the Height and Width properties above specify the value as the number of pixels or a percentage ratio. If this property is selected the Height and Width properties will be in pixels. If this property is not selected, the Height and Width properties will be percentages in relation to the original size of the image.
Behaviour Category
URL
Allows you to specify a URL to be launched if a user clicks on the image at runtime. If the specified web page is outside the form, you must include the full URL, e.g. 'http://www.mywebsite.com' and not just 'www.mywebsite.com'.
Styles Category
Style
Allows you to assign a style to the Element, e.g. to display a border around the image or centre the image within the Element's boundaries.